<template>
  <div class="off-port">
    <Form ref="formValidate" :model="formItem" :rules="ruleValidate" label-position="top">
      <FormItem label="请求IP" prop="ip">
        <Input v-model="formItem.ip" type="text" placeholder="例：http://xxx.xxx.x.xx:xxxx"></Input>
      </FormItem>
      <FormItem>
        <Button type="primary" long>提交</Button>
        <p class="tips">为前端开发提供数据接口服务</p>
      </FormItem>
    </Form>
  </div>
</template>

<script>
  export default {
    name: 'offPort',
    data () {
      return {
        formItem: {
          ip: ''
        },
        ruleValidate: {
          ip: [
            {required: true, message: '上传您的IP地址', trigger: 'blur'}
          ]
        }
      }
    }
  }
</script>

<style scoped lang="scss">
.off-port{
  padding: 10px 8px;
  .tips{
    font-size: 12px;
    color: #0e8694;
    padding: 3px;
  }
  /deep/ .ivu-form-item-label{
    font-size: 12px;
  }
}
</style>
